@media screen and (min-width: 750px) {
  html {
    font-size: 75px !important;
  }
}
@media screen and (max-width: 320px) {
  html {
    font-size: 32px !important;
  }
}
div {
  margin: auto;
}
div .top {
  overflow: hidden;
  width: 10rem;
  height: 7.12rem;
  background-image: linear-gradient(180deg, #f24c59 0%, #f28c4c 100%);
}
div .top .header {
  display: flex;
  justify-content: space-between;
  margin-top: 1.8133rem;
  margin-left: 0.4267rem;
}
div .top .header .search {
  width: 7.9467rem;
  height: 0.8533rem;
  background-color: #ffffff;
  display: flex;
  border-radius: 2.48rem;
  align-items: center;
}
div .top .header .search img {
  width: 0.3733rem;
  height: 0.3733rem;
  margin: 0.24rem 0.64rem;
}
div .top .header .search input {
  width: 3.7067rem;
  height: 0.5333rem;
  font-size: 0.3733rem;
}
div .top .header .news {
  margin-right: 0.7467rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
div .top .header .news img {
  width: 0.4267rem;
  height: 0.4267rem;
}
div .top .header .news span {
  color: #ffffff;
  font-size: 0.24rem;
}
div .top .nav {
  margin-top: 0.4rem;
}
div .top .nav li {
  display: flex;
  white-space: nowrap;
  overflow-x: scroll;
  margin-left: -20px;
}
div .top .nav li::-webkit-scrollbar {
  display: none;
}
div .top .nav li span {
  margin-left: 0.8667rem;
  color: #ffffff;
  font-size: 0.3733rem;
  letter-spacing: 0.0075rem;
}
div .top .nav li span:nth-child(1) {
  font-weight: 600;
  color: #ffffff;
  font-size: 0.4267rem;
  letter-spacing: 0.0075rem;
}
div .top .banner {
  border-radius: 0.2667rem;
  display: flex;
  justify-content: center;
  margin-top: 0.2667rem;
}
div .top .banner > div {
  border-radius: 0.2667rem;
  width: 9.1733rem;
  height: 3.3067rem;
}
div .top .banner > div img {
  width: 100%;
  border-radius: 0.2667rem;
}
div .box {
  overflow: hidden;
  width: 10rem;
  height: 100%;
  background-color: #f9f9f9;
}
div .box .navber {
  margin-top: 0.2667rem;
  overflow: hidden;
  width: 9.1733rem;
  height: 3.7867rem;
  background-color: #ffffff;
  border-radius: 0.2667rem;
  box-shadow: 0rem 0rem 0.2667rem rgba(114, 114, 114, 0.16);
}
div .box .navber ul {
  margin-top: 0.1647rem;
  display: flex;
}
div .box .navber ul li {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1;
}
div .box .navber ul li img {
  width: 1.1433rem;
  height: 1.2111rem;
}
div .box .navber ul li span {
  font-size: 0.32rem;
}
div .box .Exclusive {
  margin-top: 0.2667rem;
  width: 9.1733rem;
  height: 4.8rem;
  background-color: #ffffff;
  border-radius: 0.1333rem;
  box-shadow: 0 0 0.08rem rgba(82, 82, 82, 0.16);
}
div .box .Exclusive div {
  display: flex;
}
div .box .Exclusive div .E_left {
  margin-left: 0.2133rem;
  margin-top: 0.24rem;
}
div .box .Exclusive div .E_left > div {
  width: 4.2667rem;
  height: 4.3467rem;
  border-radius: 0.16rem;
  background-image: url(../images/首页/12@2x.png);
  background-size: cover;
  display: flex;
  flex-direction: column;
  align-items: center !important;
}
div .box .Exclusive div .E_left > div span {
  width: 3.3333rem;
  height: 0.56rem;
  font-weight: 600;
  color: #ffffff;
  font-size: 0.4rem;
  margin-top: 0.2133rem;
}
div .box .Exclusive div .E_left > div i {
  height: 0.3733rem;
  font-weight: 500;
  color: #eae8f2;
  font-size: 0.2667rem;
}
div .box .Exclusive div .E_right {
  margin-top: 0.24rem;
  display: flex;
  flex-direction: column;
}
div .box .Exclusive div .E_right > div {
  display: flex;
  flex-direction: column;
  align-items: left;
  width: 4.2667rem;
  height: 2.1333rem;
  border-radius: 0.16rem;
}
div .box .Exclusive div .E_right > div span {
  margin-left: 0.2039rem;
  width: 1.6rem;
  height: 0.56rem;
  font-family: PingFang SC;
  font-weight: 600;
  color: #ffffff;
  font-size: 0.4rem;
}
div .box .Exclusive div .E_right > div i {
  margin-left: 0.2039rem;
  height: 0.3733rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #ffffff;
  font-size: 0.2667rem;
}
div .box .Exclusive div .E_right > div em {
  height: 0.3733rem;
  margin-top: 0.4rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #ffffff;
  font-size: 0.2667rem;
  margin-left: 0.2039rem;
}
div .box .Exclusive div .E_right div:nth-child(1) {
  width: 4.2667rem;
  height: 2.1333rem;
  background-image: url(../images/首页/13@2x.png);
  background-size: cover;
}
div .box .Exclusive div .E_right div:nth-child(2) {
  margin-top: 0.1333rem;
  width: 4.2667rem;
  height: 2.1333rem;
  background-image: url(../images/首页/14@2x.png);
  background-size: cover;
}
div .box .Exclusive div .E_right div:nth-child(2) span {
  width: 1.6rem;
  height: 0.56rem;
  font-family: PingFang SC;
  font-weight: 700;
  color: #21308f;
  font-size: 0.4rem;
}
div .box .Exclusive div .E_right div:nth-child(2) i {
  height: 0.3733rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #404ba0;
  font-size: 0.2667rem;
}
div .box .Exclusive div .E_right div:nth-child(2) em {
  height: 0.3733rem;
  font-weight: 500;
  color: #3d60ba;
  font-size: 0.2667rem;
}
div .box .spike {
  display: flex;
  margin-left: 0.4133rem;
  margin-top: 0.2667rem;
  width: 9.1733rem;
  height: 1.44rem;
  background-image: linear-gradient(180deg, rgba(242, 76, 89, 0.26), rgba(242, 140, 76, 0) 100%);
  border-radius: 0.2667rem 0.2667rem 0rem 0rem;
  box-shadow: 0 0 0.16rem rgba(111, 111, 111, 0);
}
div .box .spike .spike_left {
  display: flex;
  flex-direction: column;
  margin-left: 0.3467rem;
}
div .box .spike .spike_left > span {
  width: 1.7067rem;
  height: 0.5867rem;
  font-family: PingFang SC;
  font-weight: 600;
  color: #202020;
  font-size: 0.4267rem;
}
div .box .spike .spike_left > i {
  margin-top: 0.0533rem;
  height: 0.4267rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #b0b8c2;
  font-size: 0.2933rem;
}
div .box .spike .spike_right {
  margin-left: 3.6rem;
  align-items: center;
  justify-content: space-between;
  display: flex;
}
div .box .spike .spike_right > img {
  width: 0.64rem;
  height: 0.3733rem;
}
div .box .spike .spike_right span {
  display: flex;
  justify-content: center;
  width: 0.4rem;
  margin-left: 0.0533rem;
  background-color: #202020;
  border-radius: 0.0533rem;
  font-weight: 600;
  color: #ffffff;
  font-size: 0.24rem;
}
div .box .spike .spike_right i {
  width: 0.24rem;
  height: 0.3467rem;
  line-height: 0.3467rem;
  font-size: 0.3333rem;
  text-align: center;
}
div .box .lunch {
  width: 9.6533rem;
  height: 2.5333rem;
  box-shadow: 0px 6px 12px rgba(0, 0, 0, 0);
}
div .box .lunch img {
  width: 100%;
}
div .box .lunch_2 > div {
  display: flex;
  width: 100%;
  height: 100%;
}
div .box .lunch_2 > div > div:nth-child(1) {
  position: relative;
  width: 4.96rem;
  height: 3.68rem;
  background-image: url(../images/首页/28@2x.png);
  background-size: cover;
}
div .box .lunch_2 > div > div:nth-child(1) > span:nth-child(1) {
  width: 2.1333rem;
  position: absolute;
  margin-top: 0.6rem;
  margin-left: 0.6133rem;
  height: 0.5867rem;
  text-shadow: 0 0 0.0533rem rgba(77, 33, 0, 0.16);
  font-family: PingFang SC;
  font-weight: 600;
  color: #000000;
  font-size: 0.4267rem;
}
div .box .lunch_2 > div > div:nth-child(1) > i {
  margin-top: 1.3067rem;
  margin-left: 0.5867rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.7431rem;
  height: 0.4533rem;
  background-color: #ffa500;
  border-radius: 0.3733rem;
}
div .box .lunch_2 > div > div:nth-child(1) > i > span:nth-child(1) {
  color: #ffffff;
  font-size: 0.2667rem;
}
div .box .lunch_2 > div > div:nth-child(2) {
  position: relative;
  width: 4.96rem;
  height: 3.68rem;
  background-image: url(../images/首页/28@2x.png);
  background-size: cover;
}
div .box .lunch_2 > div > div:nth-child(2) > span:nth-child(1) {
  width: 2.1333rem;
  position: absolute;
  margin-top: 0.64rem;
  margin-left: 0.578rem;
  height: 0.5867rem;
  text-shadow: 0 0 0.0533rem rgba(77, 33, 0, 0.16);
  font-family: PingFang SC;
  font-weight: 600;
  color: #000000;
  font-size: 0.4267rem;
}
div .box .lunch_2 > div > div:nth-child(2) > i {
  margin-top: 1.3067rem;
  margin-left: 0.5867rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.7431rem;
  height: 0.4533rem;
  background-color: #a51919;
  border-radius: 0.3733rem;
}
div .box .lunch_2 > div > div:nth-child(2) > i > span:nth-child(1) {
  color: #ffffff;
  font-size: 0.2667rem;
}
div .box .list {
  margin-bottom: 0.4rem;
  width: 9.6rem;
  border-radius: 0rem 0.3333rem 0rem 0.3333rem;
  box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.16);
}
div .box .list ul {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
}
div .box .list ul li {
  overflow: hidden;
  width: 2.1333rem;
  height: 3.2rem;
  display: flex;
  justify-content: left;
  align-items: left;
  flex-direction: column;
}
div .box .list ul li span:nth-child(1) {
  margin-left: 0.3333rem;
  font-size: 0.4rem;
  font-weight: 600;
  margin-top: 0.4rem;
}
div .box .list ul li span:nth-child(2) {
  margin-top: 20px;
  width: 1.44rem;
  height: 0.4533rem;
  white-space: nowrap;
  background-color: #ffffff;
  border: 0.0267rem solid;
  border-color: #f49641;
  border-radius: 0.0533rem;
  margin-left: 0.2667rem;
  color: yellow;
  font-size: 0.2667rem;
  text-align: center;
}
div .box .list ul li img {
  width: 100%;
  height: 100%;
  position: relative;
  bottom: -0.2rem;
  right: -0.3733rem;
}
div .box .column {
  width: 10rem;
  height: 100%;
}
div .box .column .left {
  width: 4.48rem;
  height: 6.8rem;
  float: left;
  margin-left: 0.2667rem;
  background-color: #ffffff;
  border-radius: 0.2667rem;
  box-shadow: 0 0 0.16rem rgba(139, 139, 139, 0.3);
  margin-top: 0.2133rem;
  transform: translateY(-0.2133rem);
}
div .box .column .left > div img {
  width: 4.48rem;
  height: 4.48rem;
}
div .box .column .left > div > div > span {
  width: 4.1867rem;
  height: 1.0667rem;
  font-weight: 500;
  color: #3d444d;
  font-size: 0.3733rem;
  margin-left: 0.2133rem;
}
div .box .column .left > div > div i {
  margin-left: 0.2133rem;
  font-weight: 500;
  color: #3d444d;
  margin-top: 0.1333rem;
  font-size: 0.3733rem;
}
div .box .column .left > div > div > div {
  display: flex;
  align-items: center;
  margin-top: 0.2rem;
}
div .box .column .left > div > div > div .e1 {
  width: 1.6267rem;
  height: 0.6667rem;
  font-weight: 600;
  color: #eb5f3e;
  font-size: 0.48rem;
  margin-left: 0.1333rem;
}
div .box .column .left > div > div > div .e2 {
  width: 2.5467rem;
  height: 0.4533rem;
  font-family: PingFang SC;
  color: #c0c5cc;
  font-size: 0.32rem;
  margin-left: 0.72rem;
}
div .box .column .right {
  background-color: #ffffff;
  border-radius: 0.2667rem;
  box-shadow: 0 0 0.16rem rgba(155, 155, 155, 0.3);
  margin-right: 0.2667rem;
  margin-top: 0.2133rem;
  transform: translateY(-0.2133rem);
  width: 4.48rem;
  height: 7.84rem;
  float: right;
}
div .box .column .right > div img {
  width: 4.48rem;
  height: 4.48rem;
  position: relative;
}
div .box .column .right > div > div > em {
  display: block;
  background-color: #eb5f3e;
  position: absolute;
  top: 4.6667rem;
  width: 0.6933rem;
  height: 0.32rem;
  white-space: nowrap;
  border-radius: 0.16rem;
  font-size: 0.2133rem;
  text-align: center;
  left: 8px;
}
div .box .column .right > div > div > span {
  width: 4.1867rem;
  height: 1.0667rem;
  font-weight: 500;
  color: #3d444d;
  font-size: 0.3733rem;
  margin-left: 0.8533rem;
}
div .box .column .right > div > div i {
  margin-left: 0.2133rem;
  font-weight: 500;
  color: #3d444d;
  margin-top: 0.1333rem;
  font-size: 0.3733rem;
}
div .box .column .right > div > div > div {
  display: flex;
  align-items: center;
  margin-top: 0.2rem;
}
div .box .column .right > div > div > div .e1 {
  width: 1.6267rem;
  height: 0.6667rem;
  font-family: PingFang SC;
  font-weight: 600;
  color: #eb5f3e;
  font-size: 0.48rem;
  margin-left: 0.1333rem;
}
div .box .column .right > div > div > div .e2 {
  width: 2.5467rem;
  height: 0.4533rem;
  font-family: PingFang SC;
  color: #c0c5cc;
  font-size: 0.32rem;
  margin-left: 0.72rem;
}
div .spike_img {
  border-radius: 0px 0px 20px 20px;
  display: flex;
  width: 9.1733rem;
  height: 2.2933rem;
  background-color: #ffffff;
  margin: auto;
  margin-top: 0.0267rem;
}
div .spike_img ul {
  display: flex;
  width: 6.4rem;
  margin-left: 0.6667rem;
}
div .spike_img ul li {
  display: flex;
  margin-left: 0.3333rem;
  flex-direction: column;
  align-items: center;
}
div .spike_img ul li img {
  width: 1.6rem;
  height: 1.6rem;
}
div .spike_img ul li span {
  width: 0.8533rem;
  height: 0.4267rem;
  font-family: PingFang SC;
  font-weight: 600;
  color: #ff6200;
  font-size: 0.2933rem;
}
div .Home {
  background-color: #ffffff;
  margin: auto;
  width: 10rem;
  height: 1.4133rem;
  left: 50%;
  transform: translateX(-50%);
  position: fixed;
  bottom: 0;
  display: flex;
  justify-content: space-around;
}
div .Home div a {
  margin-top: 0.2857rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
div .Home div a img {
  width: 0.5336rem;
  height: 0.5127rem;
}
div .Home div span {
  width: 0.5333rem;
  height: 0.3733rem;
  color: #848484;
  font-size: 0.2667rem;
}
